<div id="view">
	
	<% if flash[:notice] %>
	  <div id="border_top"></div>
    <div id="notice"><h1><%= flash[:notice] %></h1></div>
    <div id="border_bottom"></div>
	<% end %>
	
	<div id="page_right_side">
    <div id="sections">
      <%= render :partial => 'shared/user_menu' %>
	    <%= render :partial => 'shared/admin_menu' %>
	    <%= render :partial => 'shared/company_menu' %>
  	  <%= render :partial => 'shared/recent_news' %>
  	  <%= render :partial => 'shared/vail_address' %>
      <%= render :partial => 'shared/vail_contacts' %>
    </div>
  </div>
	
	<div id="page_left_side">
	  
	  <div class="content">

  	  <div id="page_header">
        	<div id="page_header_left">
        		<div id="mini_page_header">
        			<div id="mini_left"><%= image_tag "/images/milestones_60x60.png" %></div>
        			<div id="mini_page_right">
        				<h1>Milestones</h1>
            		<h2>Over a decade of industry experience</h2>					
        			</div>
        		</div>
        	</div> <!-- END page_header_left -->
    	</div> <!-- END page_header -->
      
      <ul id="box_control" class="right">
    		<li class="horizontal">
    			<%= link_to_function "open all" do |page|
    				 		@milestones.each do |milestone|
    					 		page["milestone_body_#{ milestone.id }"].visual_effect :blind_down
    						end
    					end
    			%>
    		</li>
    		<li class="horizontal">|</li>
    		<li class="horizontal">
    			<%= link_to_function "close all" do |page|
    				 		@milestones.each do |milestone|
    					 		page["milestone_body_#{ milestone.id }"].visual_effect :blind_up
    						end
    					end
    			%>
    		</li>
    	</ul>

    	<div id="milestones">
    		<% @milestones.each do |m| %>
    			<div class="milestone" id="milestone_<%= m.id %>">
    				<div class="milestone_headline">
    					<%= link_to_function m.headline do |page| 
    								page["milestone_body_#{ m.id }"].visual_effect :blind_down
    								page["milestone_body_#{ m.id }"].visual_effect :highlight 
    							end %>
    				</div>
    				<div class="milestone_year"><%= m.year %></div>
    			</div>
    			<div class="milestone_body" id="milestone_body_<%= m.id %>" style="display:none">

    				<ul class="left">
    					<li class="horizontal">
    						<%= link_to_function "close" do |page| 
    									page["milestone_body_#{ m.id }"].visual_effect :blind_up 
    								end 
    						%>
    					</li>
    				</ul>

    				<div class="text_area">
    					<%= m.body %>
    				</div>
    			</div>
    		<% end %>
    	</div>
      
    </div>
  </div> <!-- END page_left_side -->
  
</div> <!-- END view -->